/*
 * @Author: your name
 * @Date: 2022-03-31 15:59:45
 * @LastEditTime: 2022-04-07 19:19:09
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \erp-management-system1\src\views\AfterSale\jsx\Advancedsearch.jsx
 */

import React, { useState } from 'react'
import { Form, Input, Row, Col, Button, Select, DatePicker, ConfigProvider } from 'antd';
//中文语言包
import zhCN from 'antd/lib/locale/zh_CN';
import '../css/Advancedsearch.css'

export default function Advancedsearch() {
    const [formLayout] = useState('horizontal');
    const { RangePicker } = DatePicker;
    const formItemLayout =
        formLayout === 'horizontal'
            ? {
                labelCol: {
                    span: 5,
                },
                wrapperCol: {
                    span: 13,
                },
            }
            : null;
    return (
        <div>
            <ConfigProvider locale={zhCN}>
                <Form {...formItemLayout} >
                    <Row justify='center' className='search-box1' >
                        <Col span={8}>

                            <Form.Item label="编号" labelCol={{ span: 7 }} labelAlign={'right'} className='.col-box-item' >
                                <Input placeholder="" />
                            </Form.Item>
                            <Form.Item label="售后分类" labelCol={{ span: 7 }} >
                                <Select placeholder="请选择">
                                    <Select.Option value="请选择">请选择</Select.Option>
                                    <Select.Option value="产品质量">产品质量</Select.Option>
                                    <Select.Option value="操作问题">操作问题</Select.Option>
                                    <Select.Option value="其他问题">其他问题</Select.Option>
                                </Select>
                            </Form.Item>
                            <Form.Item label="反馈时间" labelCol={{ span: 7 }}>
                                <RangePicker className='input-size1' />
                            </Form.Item>
                            <Form.Item label="业务员" labelCol={{ span: 7 }} >
                                <Select placeholder="请选择">
                                    <Select.Option value="请选择">请选择</Select.Option>
                                    <Select.Option value="高级管理员">高级管理员</Select.Option>
                                    <Select.Option value="2525">2525</Select.Option>
                                    <Select.Option value="其他">其他</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item label="客户名称" labelCol={{ span: 7 }}>
                                <Input placeholder="" />
                            </Form.Item>
                            <Form.Item label="反馈主题" labelCol={{ span: 7 }}>
                                <Input placeholder="" />
                            </Form.Item>
                            <Form.Item label="结束日期" labelCol={{ span: 7 }}>
                                <RangePicker className='input-size1'/>
                            </Form.Item>
                            <Form.Item label="自定义字段搜索" labelCol={{ span: 7 }}>
                                <Input placeholder="" />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item labelCol={{ span: 6 }} labelAlign={'right'} label="联系人">
                                <Input placeholder="" />
                            </Form.Item>
                            <Form.Item label="备注" labelCol={{ span: 6 }}>
                                <Input placeholder="" />
                            </Form.Item>
                            <Form.Item label="售后状态" labelCol={{ span: 6 }}>
                                <Select placeholder="请选择">
                                    <Select.Option value="请选择">请选择</Select.Option>
                                    <Select.Option value="未处理">未处理</Select.Option>
                                    <Select.Option value="处理中">处理中</Select.Option>
                                    <Select.Option value="已处理">已处理</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>
                    </Row>
                    <Row >
                        <Col span={24} className='btn-box'>
                            <Button className='btn-box1' size='large'>立即搜索</Button>
                            <Button className='btn-box2' size='large'>清空条件</Button>
                            <Button className='btn-box3' size='large'>导出数据</Button>
                        </Col>
                    </Row>
                </Form>
            </ConfigProvider>
        </ div>

    )
}
